
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>--SITRABS-- Registrar Empleador</title> 
<link rel="stylesheet" type="text/css" media="screen"
	href="../css/bootstrap3-datetimepicker.css" />
 <script src="../js/bootstrap3-datepicker.js"></script>
<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="../lib/jquery.tools.js"></script>
<script type="text/javascript" src="../lib/jquery.custom.js"></script>
<script type="text/javascript" src="../lib/jquery.min.js"></script>
<link href="..css/bootstrap.min.css" rel="stylesheet">
   <script src="..js/jquery-1.10.2.min.js"></script>


<link href="../css/styles.css" rel="stylesheet" type="text/css" />
<link href="../css/bootstrap.min3.css" rel="stylesheet">
<link href="../css/jumbotron.css" rel="stylesheet"/>
<link href="../css/bootstrap3.css" rel="stylesheet">
<script type="text/javascript">
$(document).ready(function()
{
$("#departamento").change(function()
{
var id=$(this).val();
var dataString = 'idDepartamento='+ id;

$.ajax
({
type: "POST",
url: "../util/ajax_municipio.php",
data: dataString,
cache: false,
success: function(html)
{
$("#municipio").html(html);
} 
});

});

});
</script>

</head>

<body>
	<div class="container">'
	<nav class="navbar navbar-default navbar-static">
        <div class="navbar-header">
            <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#b-menu-2">
                <span class="sr-only">Navegación</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand">Registrar Empresa</a>
        </div>

        <!-- submenu elements for #b-menu-2 -->
        <div class="collapse navbar-collapse" id="b-menu-2">
          <ul class="nav navbar-nav">
         <li><a href="../index.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
            <li><a href="../help_us.html"><span class="glyphicon glyphicon-question-sign"></span> Ayuda</a></li>
            <li><a href="../about_us.html"><span class="glyphicon glyphicon-exclamation-sign"></span> Acerca de</a></li>
			<li><a href="../contact_us.html"><span class="glyphicon glyphicon-bullhorn"></span> Contáctanos</a></li>
           <li class="active"><a href="../logina.html"><span class="glyphicon glyphicon-pencil"></span> Registrando</a></li>
		   <li><a href="../login/login.php"><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</a></li>
       
            <li class="dropdown">
             <ul class="dropdown-menu">
			 
  <li><a href="../index.php"><span class="glyphicon glyphicon-home"></span> Inicio</a></li>
            <li><a href="../help_us.html"><span class="glyphicon glyphicon-question-sign"></span> Ayuda</a></li>
            <li><a href="../about_us.html"><span class="glyphicon glyphicon-exclamation-sign"></span> Acerca de</a></li>
			<li><a href="../contact_us.html"><span class="glyphicon glyphicon-bullhorn"></span> Contáctanos</a></li>
           <li class="active"><a href="../logina.html"><span class="glyphicon glyphicon-pencil"></span> Registrando</a></li>
		   <li><a href="../login/login.php"><span class="glyphicon glyphicon-user"></span> Iniciar Sesión</a></li>
      
              </ul>
            </li>
          </ul> 
        </div><!-- /.nav-collapse -->
      </nav>
	

	<div class="container">
 
				<form class="form-horizontal" action="../action/action_register_basic_empleador.php"
				method="post">
				
				<div>
					<div class="col-md-6">
						<label class="control-label">Login</label>
						<input name="login" type="text" class="form-control" placeholder="Login" required> 
					</div>
					<div class="col-md-6">
						<label class="control-label">Clave</label>
						<input name="clave" type="password" class="form-control" placeholder="Clave" required> 
					</div>	
				</div>
				
				<div>
					<div class="col-md-6">
						<label class="control-label">Nombre Empresa</label>
						<input name="nombreEmpresa" type="text" class="form-control" placeholder="Nombre Empresa" required> 
					</div>
					<div class="col-md-6">
						<label class="control-label">NIT</label>
						<input name="nit" type="tel" pattern='[0-9]{4}[\-][0-9]{6}[\-][0-9]{3}[\-][0-9]{1}'  placeholder='NIT (Formato: 9999-999999-999-9)' class="form-control">
					</div>	
				</div>
				
				<div>
					<div class="col-md-6">
						<label class="control-label">Direccion Pagina Web</label>
						<input name="paginaWeb" type="text" class="form-control" placeholder="Direccion Pagina Web" required> 
					</div>
			
					
					<div class="col-md-6">
						<label class="control-label">Giro de la Empresa</label> <select required
							name="giroEmpresa" class="form-control" >
							<?php 
							include_once($_SERVER["DOCUMENT_ROOT"]."/bolsa_trabajo/util/combos.php");
							Combos::drawComboGiroEmpresa();
							?>
						</select>
					</div>
				</div>
				
				<div>
					<div class="col-md-12">
						<label class="control-label">Descripcion Empresa</label>
						<textarea required name='descripcionEmpresa' class="form-control" rows="2" placeholder="Descripcion Empresa"></textarea>
					
					</div>
					
				</div>								
				<div >
					<div class="col-md-6">
						<label class="control-label">Nombre Completo Contacto Principal</label>
						<input name="nombreContacto" type="text" class="form-control" placeholder="Nombre Completo Contacto Principal" required> 
					</div>
					<div class="col-md-6">
						<label class="control-label">Email Contacto Principal</label>
						<input name="emailContacto" type="email" class="form-control" placeholder="Email Contacto Principal" required> 
					</div>	
				</div>		
				
				 <div>
					<div class="col-md-6">
						<label class="control-label">Telefono Oficina Contacto Principal</label>
						<input name="telOficina" type="tel" pattern='[0-9]{4}[\-][0-9]{4}'  placeholder='Telefono (Formato: 9999-9999)' class="form-control"> 
					</div>
					<div class="col-md-6">
						<label class="control-label">Telefono Celular Contacto Principal</label>
						<input name="telCelular" type="tel" pattern='[0-9]{4}[\-][0-9]{4}'  placeholder='Telefono (Formato: 9999-9999)' class="form-control">
					</div>	
				</div>		
							
			
				<div>
					<div class="col-md-6">
						<label class="control-label">Departamento</label> 
						<select required name="departamento" class="form-control" id="departamento"  data-toggle="tooltip" data-placement="top" title="Selecciona Departamento">
							<option selected="selected" value=""></option>
							<?php include($_SERVER["DOCUMENT_ROOT"]."/bolsa_trabajo/util/option_departamento.php");?>
						</select>
					</div>
					<div class="col-md-6">
						<label class="control-label">Municipio</label> 
						<select required name="municipio" class="form-control" id="municipio" data-toggle="tooltip" data-placement="top" title="Selecciona Municipio">
						<option selected="selected" value=""></option>
						</select>
					</div>

				</div>
				
				<div>
					<div class="col-md-12">
						<label class="control-label">Domicilio</label>
						<input name="domicilio" type="text" placeholder="Domicilio" class="form-control" required>
					</div>
				</div>				
			
 
				<center>
				<div>

						<a class="btn btn-default navbar-btn" href="../index.php">Regresar a Inicio</a>
						<button type="submit" class="btn btn-primary navbar-btn">Registrar</button>
				

				</div>
					<center>
			</form> 
	</div> </div> 
 <script type="text/javascript" src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../lib/jquery-1.3.2.min.js"></script>


 <script type="text/javascript" src="../js/bootstrap.min.js"></script> 
</body>
</html>
